<template>
    <div>
      <h3>这是第四个demo</h3>
    </div>
  </template>
  
  <script setup lang="ts" name="Demo4">
  import { ref,reactive } from "vue";
  let obj1 = ref({
    city: "哈尔滨",
    site: "东北",
  });
  let ha = reactive({
      a: {
          b:{
              c:{
                  d:5
              }
          }
      }
  })
  ha.a.b.c.d = 10;
  console.log(ha,'ha')
  let a = ref(2);
  console.log(a.value);
  console.log(obj1.value.city,'obj1');
  </script>
  <style lang="scss" scoped>
      
  </style>